page{
	background-color: #F8F8F8;
}
.user_top{
	width: 750rpx;
	height: 400rpx;
/* 	position: relative;
	left: 0;
	top: 0; */
	/* background: url(../../static/my_bg.png);
	background-repeat: no-repeat; */
	background-color: #FFFFFF;
}
.user_top_bg{
	height: 400rpx;
	width: 750rpx;
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
}
.user_top_text{
	color: #FFFFFF;
	font-size: 36rpx;
	font-weight: 700;
	float: left;
	display: block;
	margin: 122rpx 0 0 16rpx;
	position: relative;
}
.vipBuy{
	width: 750rpx;
	height: 100%;
	border-radius: 24rpx;
	/* background-color: #FFFFFF; */
	float: left;
	position: relative;
}
.vipBuy.noVip{
	/* position: relative; */
	margin-top: -140rpx;
}
.viyBuy.yesVip{
	margin-top: -236rpx;
}
.vipBuy_top{
	width: 682rpx;
	margin: 0 32rpx 0 36rpx;
	float: left;
}

.vipBuy_top_title{
	color: #252631;
	font-size: 32rpx;
	display: block;
	float: left;
	font-weight: 700;
	margin-top: 44rpx;
}
.vipBuy_top_time{
	color: #999999;
	font-size: 24rpx;
	float: right;
	display: block;
	margin-top: 50rpx;
}
.vipTimeList{
	width: 750rpx;
	/* margin-left: 28rpx; */
	height: auto;
	float: left;
	margin-top: 28rpx;
}
.my_setting{
	width: 750rpx;
	float: left;
	margin-top: 40rpx;
}
.my_setting .setting_item{
	height: 80rpx;
	width: 666rpx;
	margin-left: 40rpx;
	border-bottom: 1rpx solid #ECEDEE;
}
.my_setting .setting_item:last-child{
	border-bottom: 0px;
	margin-bottom: 100rpx;
}
.my_setting .setting_item .setting_img_left{
	width: 44rpx;
	height: 44rpx;
	margin-top: 18rpx;
	display: block;
	float: left;
}
.my_setting .setting_item .setting_img_right{
	width: 12rpx;
	height: 20rpx;
	display: block;
	float: right;
	margin-top: 30rpx;
}
.my_setting .setting_item .setting_title{
	color: #252631;
	font-size: 28rpx;
	font-weight: 700;
	margin-left: 16rpx;
	line-height: 80rpx;
}
.myVipCard{
	width: 750rpx;
	height: 200rpx;
	float: left;
	position: relative;
}
.myVipCardInfo{
	float: left;
	margin: 44rpx 32rpx 0 34rpx;
}
.myVipCardInfo-bg{
	width: 684rpx;
	height: 192rpx;
	display: block;
}
.myVipCardBottom{
	float: left;
	margin: 0;
}
.myVipCardInfo-bottom{
	width: 750rpx;
	height: 75.04rpx;
	display: block;
	margin-top: -65.5rpx;
}
.myVipCardContent{
	position: absolute;
	top: 84rpx;
	margin-left: 40rpx;
	width: 600rpx;
}
.myVipCardContent .myVipCardLeft{
	width: 260rpx;
	height: 140rpx;
	float: left;
}
.myVipCardContent .myVipCardLeft .card_name{
	color: #FFE5C3;
	font-size: 36rpx;
	font-weight: 700;
	height: 50rpx;
	line-height: 50rpx;
	width: 100%;
	float: left;
}
.myVipCardContent .myVipCardLeft .card_times{
	width: 100%;
	height: 44rpx;
	line-height: 44rpx;
	float: left;
}
.myVipCardContent .myVipCardLeft .card_times .card_times_text{
	color: #FFE5C3;
	font-size: 24rpx;
}
.myVipCardContent .myVipCardLeft .card_times .card_times_num{
	color: #FFE5C3;
	font-size: 32rpx;
	font-weight: 700;
}
.myVipCardContent .myVipCardRight{
	width: 190rpx;
	float: right;
}
.myVipCardContent .myVipCardRight .renewal_btn{
	width: 176rpx;
	height: 64rpx;
	background-image: linear-gradient(to bottom,#FFE5B8, #FBC886);
	border-radius: 31rpx;
	font-size: 26rpx;
	color: #693F00;
	font-weight: 700;
	float: left;
	text-align: center;
	line-height: 64rpx;
}
.myVipCardContent .myVipCardRight .dueDate{
	color: #FFE5C3;
	font-size: 22rpx;
	display: block;
	float: left;
	margin-top: 8rpx;
	margin-left: 14rpx;
}
.myVipCardContent .myVipCardRight .availabelTimes{
	width: 172rpx;
	height: 68rpx;
	 background-image: linear-gradient(to bottom,#FF6731, #FE332F); 
	/* background-color: #FF6731; */
	box-shadow: 0 4rpx 2rpx rgba(182, 33, 27, 0.26);
	border-radius: 10rpx;
	position: absolute;
	top: -100rpx;
	font-size: 22rpx;
	color: #FFFFFF;
	line-height: 68rpx;
	text-align: center;
}
.myVipCardContent .myVipCardRight .availabelTimes::before{
	content: '';
	position: absolute;
	top: 84%;
	left: 70%;
	width: 20rpx;
	height: 20rpx;
	/* margin-bottom: -10px; */
	background: #FE332F;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.applyVip{
	background-color: #353D58;
	border-radius: 35rpx 0 0 35rpx;
	width: 176rpx;
	height: 70rpx;
	position: fixed;
	bottom: 164rpx;
	right: 0;
	text-align: center;
	line-height: 70rpx;
	font-size: 28rpx;
	color: #FFFFFF;
}
.loginVip{
	background-color: #353D58;
	border-radius: 35rpx 0 0 35rpx;
	width: 200rpx;
	height: 70rpx;
	position: fixed;
	bottom: 164rpx;
	right: 0;
	text-align: center;
	line-height: 70rpx;
	font-size: 28rpx;
	color: #FFFFFF;
}
.my_line{
	width: 750rpx;
	height: auto;
	float: left;
}
.my_line .my_user_info_item_title{
	color: #252631;
	font-size: 36rpx;
	font-weight: 700;
	height: 36rpx;
	width: 670rpx;
	line-height: 36rpx;
	float: left;
	display: block;
	margin: 36rpx 0 0 36rpx;
}
.my_line .my_user_info_item{
	width: 750rpx;
	margin: 0 40rpx 0 40rpx;
	height: 83rpx;
	border-bottom: 1rpx solid #ECEDEE;
	float: left;
}
.my_line .my_user_info_item .my_user_info_item_left{
	display: block;
	float: left;
	width: 100rpx;
	text-align: left;
	line-height: 83rpx;
	font-size: 28rpx;
	color: #252631;
}
.my_line .my_user_info_item .my_user_info_item_right{
	display: block;
	float: left;
	margin-left: 12rpx;
	width: 526rpx;
	color: #999999;
	font-size: 28rpx;
	line-height: 83rpx;
	height: 83rpx;
}
.my_line .upload_card:first-child{
	margin-top: 32rpx;
}
.my_line .upload_card{
	border-radius: 24rpx;
	background-color: #F6F8FA;
	width: 670rpx;
	height: 300rpx;
	float: left;
	margin: 20rpx 40rpx 0 40rpx;
}
.my_line .upload_card .upload_card_left{
	width: 272rpx;
	height: 300rpx;
	float: left;
}
.my_line .upload_card .upload_card_left .upload_card_left_name{
	display: block;
	width: 100%;
	height: 36rpx;
	font-size: 36rpx;
	color: #252631;
	float: left;
	line-height: 36rpx;
	margin: 72rpx 0 0 32rpx;
	font-weight: 700;
}
.my_line .upload_card .upload_card_left .upload_card_left_desc{
	display: block;
	width: 100%;
	height: 34rpx;
	margin: 12rpx 0 0 32rpx;
	line-height: 34rpx;
	font-size: 24rpx;
	color: #999999;
	float: left;
}
.my_line .upload_card .upload_card_right{
	height: 300rpx;
	float: right;
}
.my_line .upload_card .upload_card_right .upload_card_img{
	width: 336rpx;
	height: 220rpx;
	float: right;
	margin: 42rpx 32rpx 38rpx 0;
}
.xieyi{
	width: 670rpx;
	height: 36rpx;
	margin: 36rpx 0 0 40rpx;
	float: left;
}
.xieyi image{
	width: 32rpx;
	height: 32rpx;
	margin-left: 12rpx;
	margin-top: 2rpx;
	display: block;
	float: left;
}
.xieyi .regist_xieyi{
	margin-left: 20rpx;
	height: 36rpx;
	line-height: 36rpx;
	float: left;
}
.applyBtn{
	width: 662rpx;
	height: 92rpx;
	margin: 30rpx 44rpx 44rpx 44rpx;
	background-color: #FE7701;
	border-radius: 48rpx;
	font-size: 32rpx;
	color: #FFFFFF;
	line-height: 92rpx;
	text-align: center;
	float: left;
}
.progress{
	position: fixed;
	top: 50%;
	width: 680rpx;
	z-index: 99999999;
	width: 680rpx;
	background-color: #4D84FE;
	height: 50px;
	margin-left: 35rpx;
	border-radius: 12px;
}
.progress .progress_text{
	color: #ffffff;
	padding: 3px;
	text-align: center;
}